﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="order.aspx.cs" Inherits="wechat_order" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>爱尚洗车</title>
    <link href="font/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="styles/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="styles/NewGlobal.css" rel="stylesheet" type="text/css" />
    <link href="styles/weui.css" rel="stylesheet" type="text/css" />
    <link href="styles/map.css" rel="stylesheet" type="text/css" />
    <link href="styles/stamp.css" rel="stylesheet" type="text/css" />
    <script src="scripts/jquery-1.11.2.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.query-2.1.7.js" type="text/javascript"></script>
    <script src="Scripts/bootstrap.min.js" type="text/javascript"></script>
    <script src="scripts/zepto.js" type="text/javascript"></script>
    <script src="scripts/common.js" type="text/javascript"></script>
    <script src="scripts/moment.js" type="text/javascript"></script>
    <script src="scripts/jquery.cookie.js" type="text/javascript"></script>
    <script src="scripts/jquery.url.js" type="text/javascript"></script>
    <script src="js/order.js" type="text/javascript"></script>
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" />
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=14840981ab05a0c59cd312c31554a841&plugin=AMap.Geocoder"></script>
    <script src="js/location.js" type="text/javascript"></script>
    <style type="text/css">
        .amap-container {
            cursor: url(http://webapi.amap.com/theme/v1.3/openhand.cur),default;
        }
        .amap-drag {
            cursor: url(http://webapi.amap.com/theme/v1.3/closedhand.cur),default;
        }
    </style>
</head>
<body class="gray">
    <form id="form1" runat="server">
    <div id="orderinfo">
        <div class="header">
            <div class="top-name">
                <p>
                    服务预约</p>
            </div>
        </div>
        <div class="container width100">
            <div class="weui_cells_title">
                基本信息</div>
            <div class="weui_cells weui_cells_access">
                <div class="weui_cell" id="divcar">
                    <div class="weui_cell_hd width110">
                        <i class="iconfont icon-car1 icocg fz24"></i>
                        <label class="weui_label">
                            服务车辆：</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <span id="car">点击选择</span>
                    </div>
                    <div class="weui_cell_ft">
                        <input id="carid" type="hidden" value="0" />
                        <input id="carnumber" type="hidden" value="" />
                        <input id="cartype" type="hidden" value="" />
                    </div>
                </div>
                <div class="weui_cell" id="divlocation">
                    <div class="weui_cell_hd width110">
                        <i class="iconfont icon-location icocg fz23 mt3"></i>
                        <label class="weui_label">
                            车辆位置：</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <span id="address">正在获取您的位...</span>
                    </div>
                    <div class="weui_cell_ft">
                        <input id="lat" type="hidden" value="0" />
                        <input id="lng" type="hidden" value="0" />
                    </div>
                </div>
            </div>
            <div class="weui_cells_title">
                洗车服务</div>
            <div class="weui_cells weui_cells_access">
                <div class="weui_cell">
                    <div class="weui_cell_hd width110">
                        <i class="iconfont icon-xiche icocg fz23"></i>
                        <label class="weui_label">
                            车外清洗：</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        ￥<span id="outprice">0.00</span>
                        <input id="outtime" type="hidden" value="0" />
                    </div>
                    <div class="weui_cell_no">
                        <a target="_self" href="cpbuy.html">买券更优惠</a>
                    </div>
                </div>
                <div class="weui_cell weui_cells_checkbox">
                    <div class="weui_cell_hd width110">
                        <i class="iconfont icon-iconfontneishi icocg fz23"></i>
                        <label class="weui_label">
                            内饰简洗：</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        ￥<span id="interprice">0.00</span> <span class="fline">￥<span id="inprice">0.00</span></span>
                        <input id="intime" type="hidden" value="0" />
                    </div>
                    <div class="weui_cell_no">
                        <label class="weui_check_label" for="chkin">
                            <input name="checkbox" class="weui_check" id="chkin" type="checkbox" />
                            <i class="weui_icon_checked"></i>
                        </label>
                    </div>
                </div>
            </div>
            <div class="weui_cells_title">
                支付信息</div>
            <div class="weui_cells weui_cells_access">
                <div class="weui_cell" id="divcoupons">
                    <div class="weui_cell_hd width110">
                        <i class="iconfont icon-tag icocg fz24 mt3"></i>
                        <label class="weui_label">
                            洗车券：</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <span id='cp'></span>
                    </div>
                    <div class="weui_cell_ft">
                        <input id="cpid" type="hidden" value="0" />
                        <input id="cptype" type="hidden" value="0" />
                        <input id="cpmoney" type="hidden" value="0" />
                    </div>
                </div>
                <div class="weui_cell weui_cells_checkbox">
                    <div class="weui_cell_hd width110">
                        <i class="iconfont icon-wodezhanghu icocg fz20 mt3"></i>
                        <label class="weui_label">
                            账户余额：</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        ￥<span id="account">0.00</span><span class="ml20 none" id="spanacc">-￥<span id="txtacc">0.00</span></span>
                    </div>
                    <div class="weui_cell_no">
                        <label class="weui_check_label" id="labacc" style="display: none" for="chkacc">
                            <input name="checkbox" class="weui_check" id="chkacc" type="checkbox" />
                            <i class="weui_icon_checked"></i>
                        </label>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd width110">
                        <i class="iconfont icon-money icocg fz23 mt3"></i>
                        <label class="weui_label">
                            实付金额：</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <span class="icocg fb fz16">￥<span id="money">0.00</span></span>
                    </div>
                    <div class="weui_cell_no">
                        <input id="price" type="hidden" value="0" />
                        <input id="times" type="hidden" value="0" />
                    </div>
                </div>
            </div>
            <div class="weui_cells">
                <div class="weui_cell">
                    <div class="weui_cell_hd width110">
                        <i class="iconfont icon-beizhu2 icocg fz20"></i>
                        <label class="weui_label">
                            填写备注：</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" style="width: 200px" id="memo" placeholder="注意事项或车辆周围环境" />
                    </div>
                    <div class="weui_cell_ft">
                        <span id="park"></span>
                    </div>
                </div>
            </div>
            <div class="weui_cells">
                <div class="weui_cell">
                    <div class="weui_cell_bd weui_cell_primary">
                        有<span class="icocg fb" id="waitCount"></span>人排队，预计<span class="icocg fb" id="waitTime"></span>开始服务
                    </div>
                </div>
            </div>
            <div class="form-group mt10 ml10 mr10">
                <button type="button" id="btnSubmit" disabled="disabled" class="btn btn-block btn-lg btn-yellow">
                    <span class="mr10" id="pay"></span>确认支付</button>
            </div>
            <div class="form-group mt10 ml10 mr10" style="height: 40px">
                &nbsp;
            </div>
        </div>
        <div id="loadingToast" class="weui_loading_toast" style="display: none;">
            <div class="weui_mask_transparent">
            </div>
            <div class="weui_toast">
                <div class="weui_loading">
                    <div class="weui_loading_leaf weui_loading_leaf_0">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_1">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_2">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_3">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_4">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_5">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_6">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_7">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_8">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_9">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_10">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_11">
                    </div>
                </div>
                <p class="weui_toast_content">
                    数据处理中...</p>
            </div>
        </div>
        <!--BEGIN toast-->
        <div id="toast" class="weui_loading_toast" style="display: none;">
            <div class="weui_mask_transparent">
            </div>
            <div class="weui_toast">
                <div class="weui_loading">
                    <div class="weui_loading_leaf weui_loading_leaf_0">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_1">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_2">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_3">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_4">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_5">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_6">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_7">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_8">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_9">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_10">
                    </div>
                    <div class="weui_loading_leaf weui_loading_leaf_11">
                    </div>
                </div>
                <p class="weui_toast_content" id="toast_content">
                </p>
            </div>
        </div>
        <!--END toast-->
        <!--BEGIN dialog1-->
        <div class="weui_dialog_alert" id="dialog1" style="display: none;">
            <div class="weui_mask">
            </div>
            <div class="weui_dialog">
                <div class="weui_dialog_hd">
                    <strong class="weui_dialog_title">提示</strong></div>
                <div class="weui_dialog_bd" style="text-align: left">
                    今天服务已结束，您可以预约明日的服务，预计<span id="time"></span>开始服务。预定时间前请勿移动车辆。（温馨提示：恶劣天气或特殊情况无法提供服务，工作人员会与您联系）</div>
                <div class="weui_dialog_ft">
                    <a class="weui_btn_dialog primary" href="javascript:;">确定</a>
                </div>
            </div>
        </div>
        <!--END dialog1-->
    </div>
    <div id="map">
        <div class="header">
            <div class="top-name">
                <p>
                    车辆位置</p>
            </div>
            <a class="nav-back" href="#" onclick="select_ok()"><span>确定</span></a>
        </div>
        <div id="mapcenter">
        </div>
        <div id="maplocation">
        </div>
        <div id="mapmarker">
            <img src="images/mapmarker.png" /></div>
    </div>
    <div id="carlist" style="display: none">
        <div class="header">
            <div class="top-name">
                <p>
                    我的车库</p>
            </div>
        </div>
        <div class="container width100">
            <div class="width100" id="mycar">
            </div>
            <div class="top-name mt10" id='divadd'>
                <i class="iconfont icon-tianjia icocg fz48"></i>
            </div>
            <div class="form-group mt10 ml10 mr10" style="height: 50px">
                &nbsp;
            </div>
        </div>
    </div>
    <div id="cplist" style="display: none">
        <div class="header">
            <div class="top-name">
                <p>
                    我的洗车券</p>
            </div>
            <a class="nav-back" href="#" onclick="cpback()"><span>返回</span></a>
        </div>
        <div class="container width100 mt10" id="mycp">
        </div>
        <div class="form-group mt10 ml20 mr20">
            <button type="button" id="btnbuy" class="btn btn-block btn-lg btn-yellow">
                购买洗车券</button>
        </div>
        <div class="form-group mt10 ml10 mr10" style="height: 50px">
            &nbsp;
        </div>
    </div>
    </form>
</body>
</html>
